@charset "UTF-8";
@import "theme";


.form-date{
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border:1px solid #c2c2cd;
  border-radius:4px;

  .datemenu{
    margin-bottom: 0;
    .poplay{
      border:1px solid grey;
      box-shadow:2px 2px 2px #d1e4ec;
      border-radius:4px;

      .tool{
        line-height:31px;
        background-color:white;

        .datebtn{
          //margin:auto 10px;
          //margin:auto 10px;
          text-align:center;
          cursor:pointer;
          //&:hover{
          //  background-color:$primary;
          //  color:white;
          //}
          i{
            width:31px;
            //height:34px;
          }
        }
      }
      .curdate{
        margin:auto 70px;
      }
    }
    ul{
      *zoom: 1;
      list-style: none;
      margin: 0;
      padding: 0;
      &:before,&:after{
        content: "";
        display: table;
      }
      &:after{
        clear: both;
      }
      > li{
        float: left;
        position: relative;
        /*&:hover{
          ul{
            left: 0;
          }
        }*/
      }
    }
    a{
      display: block;
      //padding: 10px 20px;
      padding-left:10px;
      line-height: 31px;
      //color: #fff;
      &:hover{
        text-decoration: none;
        background-color: #edf0ff;
      }

    }
    li{
      ul{
        background-color: #edf0ff;
        position: absolute;
        //left: -9999em;
        top: 31px;
        z-index: 1;

        li{
          width: 300px;
        }
        a{
          border: none;
          &:hover{
            background: rgb(238, 243, 245);
          }
        }
      }
    }
  }


  .date-row{
    /*color: #999999;
    font-size: .13rem;*/
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 31px;
    //border-bottom: 1px solid #eee;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #373737;
    span{
      //-webkit-box-flex: 1;
      //-ms-flex-positive: 1;
      flex-grow: 1;
      height:31px;
      padding: auto 5px;

      //font-weight:bold;
      font-size:14px;
      &.cell{
        cursor:pointer;
        &:hover{
          background-color: #0000c0;
          color:white;
          //border-radius:50vh;
        }
      }
      &.active{
        background-color: #72a9d4;
        color:white;
      }
      &.today{
        border:1px solid $primary;
      }
      &.prev,&.next{
        color: #bfbfbf;
      }
    }
    .prevmonth{
      color: #d4d4d4;
    }
    .nextmonth{
      color: #d4d4d4;
    }

    &.date-title{
      background-color: #252384;
      color:white;
      span{
        color:white;
      }
    }
  }

  .date-tool{
    background-color:white;
    color: #676b6e;
  }
}
